{include file="public/header" /}
<link rel="stylesheet" href="/static/css/log-off.css"/>
<body>
<header class="mui-bar mui-bar-nav mui-box-header ">
    <a class="mui-action-back mui-icon mui-icon-left-nav mui-pull-left"></a>
    <h1 class="mui-title mui-title-box">用户登录</h1>
    <a class="mui-action-back mui-icon mui-icon-compose mui-pull-right"></a>
</header>
<div class="mui-content">
    <div class="kk">
        <h1 class="mui-title kk-title">卡卡管家</h1>
    </div>
    <form id='login-form' class="mui-input-group" >
        <div class="mui-input-row" >
            <label>账号</label>
            <input   class="mui-input-clear mui-input input-list" type="tel" placeholder="请输入手机号" name="mobile" maxlength="11">
        </div>
        <div class="mui-input-row">
            <label>密码</label>
            <input type="password" class="mui-input-clear mui-input input-list"  placeholder="请输入密码" name="password">
        </div>
    </form>
    <div class="mui-content-padded">
            <button id='submit' class="mui-btn mui-btn-block mui-btn-primary btn-patterm" style="padding: 10px">登录</button>
        <div class="link-area" style="font-size:14px">
            <a id='reg' href="{:url('reg')}">注册账号</a>
            <span class="spliter">|</span> <a id='forgetPassword' href="{:url('password')}">忘记密码</a>
        </div>
    </div>
</div>
{include file="public/footer" /}
<script>
    $('#submit').on('click',function(){
        var params  = {
            url : "{:url('loginAjax')}",
            data: $("form").serialize(),
            type: 'post',
            sCallback:function(res){
                window.location.href = "{:url('Index/index')}"
            }
        }
        common.request(params);
    });

</script>

</body>
</html>
